@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#FFF;
	background-color:#212121;
	}

a{
text-decoration:none
	}
	a:hover:{
		text-decoration:overline
		
		}
.good{background-color:#D0EBBC; min-width:200px; padding:15px; font-family:arial; font-size:18px; border:1px #55711C dotted; color:#333; float:left; margin-left:8px;
	
	}
.error{background-color:#FFD2D2; min-width:200px; padding:15px; font-family:arial; font-size:18px; border:1px #FA6161 dotted; color:#333; float:left;margin-left:8px;
	
}
.ste .bar { background: #ECE9D8; padding: 3px; border: #ACA899 1px; border-style: solid solid none solid; }
.ste .frame { border: 1px solid; border-color: #716F64 #ECE9D8 #ECE9D8 #716F64; }
.ste .frame iframe { width: 500px; height: 300px; }
.ste img { border: 0; }
.ste .button { padding: 1px; border: #ECE9D8 1px solid; }
.ste .button-hover { padding: 1px; border: 1px solid; border-color: #ffffff #ACA899 #ACA899 #ffffff; }
.ste .button-click { padding: 1px; border: 1px solid; border-color: #ACA899 #ffffff #ffffff #ACA899; }
.ste .separator { width: 0px; height: 18px; border-left: #aca899 1px solid; border-right: #ffffff 1px solid; margin: 0 5px; }
.ste .source { padding-top: 5px; }
.maindiv{
float:left;
background-color:#F3F3F3;
width:95%;
min-width:998px;
padding:4px;
margin-left:2.2%;
border:#000 1px solid
	}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 0.5em 2.2%; /* set margins as desired */
font: 18px arial, sans-serif; /* set font as desired */
/*border-bottom: 1px solid black; /* set border COLOR as desired */
list-style-type: none;
padding: 0px 10px 0px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #000; /* set unselected tab background color as desired */
color:#CCC; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #14e8f5; /* set desired hover color */
color:#333;
}

.title{
	float:left;
	font-size:28px;
	color:#333;
	width:100%;
	border-bottom:1px #CCC dotted;
}
.downloadimg{float:left; width:260px; 	}
.downloadimg-2{float:left; width:260px; margin-bottom:15px; border-bottom:1px solid #CCC; }
.list_usr_left{
	float:left;
	width:250px;
	color:#666;
	margin-left:5px;
	padding-left:25px;
}.list_usr_left-c{
	float:left;
	width:150px;
	color:#666;
	margin-left:5px;
	padding-left:25px;
}.list_usr_left-e{
	float:left;
	width:120px;
	color:#666;
	
}
.yoxview a{
	float:left;

	color:#666;
	margin-left:5px;
	padding-left:25px;
	margin-top:0px;

	padding:5px;
	}
.list_usr_left_u{
	float:left;
	width:250px;
	color:#666;
	margin-left:5px;
	padding-left:25px;
	margin-top:15px;
	border:1px #999 solid;
	padding:5px;
}

.left_reg{
color:#333;
float:left;
width:12%;
margin-top:10px;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;


}

.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
	
}

.myButton:active {
	position:relative;
	top:1px;
}

.right_reg .reg_input{
background:#999;
background: url("../../images/input-background.gif") no-repeat scroll left top transparent !important;
border: 1px solid #ADADAD;
font-size: 18px;
margin: 0;
outline-width: 0;
padding: 8px;
height:38px;
}
.right_reg-sub{
	color:#333;
float:left;
margin-left:10px;
	
	}
.left_reg-sub{
	color:#333;
float:left;

	
	}
.right_reg textarea{
background:#999;
background: url("../../images/input-background.gif") no-repeat scroll left top transparent !important;
border: 1px solid #ADADAD;
font-size: 18px;
margin: 0;
outline-width: 0;
padding: 8px;
height:170px;	
	}

select{
font-size: 18px;
	}

.right_reg input{
font-size: 18px;

}

.right_reg{
color:#333;
float:left;
width:88%;
margin-top:10px;
}

.prompt{
font-size:16px;
color:#333;
}

.rightbut{
float:left;
width:50%;
margin-top:50px;
margin-left:170px;
}

.rightbut_left{
float:left;
width:50%;
margin-top:50px;
margin-left:20px;
}.rightbut_left_u{
float:left;
width:98%;
margin-top:50px;
margin-left:20px;
}
.wrap{
float:left;
width:100%;
	}
.rightbut_left_p{
float:left;
margin-top:50px;
margin-left:20px;
}
.content-list-wrap{
	float:left;
	width:100%;
	margin-top:8px;
	border-bottom:1px #999 dotted
}
	#calendar-page { float: left; background-color: #6699CC; font-family: tahoma; font-size: 11px; min-width: 150px; }
#calendar-page select { font-family: tahoma; font-size: 11px; }

#calendar-header { padding-top: 2px; }
#calendar-header .closeme { padding: 0px 3px 2px 0px; }

#calendar-body { padding: 2px 3px 3px 3px; }
#calendar-body .general { background-color: #FFFFFF; }
#calendar-body .othermonth { background-color: #EEEEEE; color: #AAAAAA; }
#calendar-body .header { background-color: #6699CC; color: #FFFFFF; }
#calendar-body .today { background-color: #FFFFCC; }
#calendar-body .select { background-color: #FFCC99; }
#calendar-body .othermonth a:link { text-decoration : none; color: #CCFFCC; }
#calendar-body .othermonth a:visited { text-decoration : none; color: #CCFFCC; }
#calendar-body .othermonth a:hover { text-decoration : none; color: #FFFFFF; }
#calendar-body table { font-family: tahoma; font-size: 11px; }
#calendar-body td div { padding: 3px; width: 15px; }
#calendar-body a { display: block; }
#calendar-body a:link { text-decoration : none; color: #000000; }
#calendar-body a:visited { text-decoration : none; color: #000000; }
#calendar-body a:hover { text-decoration : none; color: #FF0000; background-color: #FFFFCC; }
#calendar-body .disabledate { background-color: #EEEEEE; color: #AAAAAA; }

#calendar-body .refresh { color: #FFFFFF; padding: 10px 3px 3px; }
#calendar-body .refresh .txt-container { padding: 25px 10px 10px; height: 50px; }

#calendar-body .mon {}
#calendar-body .tue {}
#calendar-body .wed {}
#calendar-body .thu {}
#calendar-body .fri {}
#calendar-body .sat { color: #6666CC; }
#calendar-body .sat a:link { color: #6666CC; }
#calendar-body .sun { color: #993300; }
#calendar-body .sun a:link { color: #993300; }
 
#calendar-footer { background-color: #CCCCCC; width: 100%; margin: auto; }
#calendar-footer .btn { line-height: 21px; }
#calendar-footer .btn a:link { text-decoration : none; color: #000000; display: block; }
#calendar-footer .btn a:visited { text-decoration : none; color: #000000; }
#calendar-footer .btn a:hover { text-decoration : none; color: #FF0000; }

#calendar-header, #calendar-body, #calendar-footer { padding-left: 1px; padding-right: 1px; }
#calendar-container { }

.tcday, .tcmonth, .tcyear { font-size: 11px; z-index: 10; }

.date-tccontainer { border: 1px solid #CCCCCC; background-color: #EFEFEF; padding: 2px; float: left; margin-right: 2px; text-align: center; text-decoration: none; }

#calendarform { margin: 0px; padding: 0px; }
#calendarform ul { margin: 0px; padding: 0px; list-style: none; }
#calendarform ul li { display: inline; }
.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}  #custom-demo .uploadifyQueueItem {
  background-color: #FFFFFF;
  border: none;
  border-bottom: 1px solid #E5E5E5;
  font: 11px Verdana, Geneva, sans-serif;
  height: 50px;
  margin-top: 0;
  padding: 10px;
  width: 350px;
}
#custom-demo .uploadifyError {
  background-color: #FDE5DD !important;
  border: none !important;
  border-bottom: 1px solid #FBCBBC !important;
}
#custom-demo .uploadifyQueueItem .cancel {
  float: right;
}
#custom-demo .uploadifyQueue .completed {
  color: #C5C5C5;
}
#custom-demo .uploadifyProgress {
  background-color: #E5E5E5;
  margin-top: 10px;
  width: 100%;
}
#custom-demo .uploadifyProgressBar {
  background-color: #0099FF;
  height: 3px;
  width: 1px;
}
#custom-demo #custom-queue {
  border: 1px solid #E5E5E5;
  height: 213px;
margin-bottom: 10px;
  width: 370px;
}				

/* YoxView v2.0 CSS file */
#yoxview .yoxview_bottom{ bottom: 0; }
#yoxview .yoxview_right{ float: right; }
#yoxview .yoxview_left{ float: left; }

#yoxview_popupWrap
{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100;
}
#yoxview
{
	position: absolute;
	font-family: Arial, Sans-Serif;
	z-index: 999;
	border: solid 1px #999;
	overflow: hidden;
	font-size: 10pt;
	text-align: left;
}
#yoxview a img, #yoxview_infoPanel a img{ border: none; }
#yoxview a:focus{ outline: none; }
#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
#yoxview div.yoxview_mediaPanel
{ 
	position: absolute; 

	background: #191919; 
	width: 100%; 
	height: 100% 
}
#yoxview .yoxview_ctlBtn
{
	position: absolute; 
	z-index: 3;
	display: block;
	text-decoration: none;
	outline: none;
	width: 50%;
	height: 100%;
}
#yoxview .yoxview_ctlBtn img
{
	position: absolute;
	border: none;
	top: 50%;
	margin-top: -22px;
}
#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
#yoxview .yoxview_notification
{
	width: 59px; 
	height: 59px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -30px;
	margin-left: -30px;
	z-index: 4;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
	display: none;
}

#yoxview #yoxview_ajaxLoader img
{
	padding: 13px;
}
#yoxview .yoxview_popupBarPanel
{
	position: absolute;
	z-index: 4;
	min-height: 70px;
	width: 100%;
	right: 0;
}
#yoxview #yoxview_menuPanel
{ 
	width: 145px; 
	height: 42px; 
	padding-top: 0px;
	padding-right: 9px;
	position: absolute; 
	right: 0;
	background: url(images/sprites.png) no-repeat left -77px;
	background: rgba(0, 0, 0, 0.8);
	-moz-border-radius: 0 0 0 15px;
	-webkit-border-radius: 0 0 0 15px;
	border-radius: 0 0 0 15px;
	top: -42px;
}

#yoxview #yoxview_menuPanel a
{ 
	display: block; 
	width: 45px; 
	float: right; 
	text-align: center; 
	font-size: 0.8em; 
	position: relative;
	margin-top: -5px;
	padding-bottom: 13px;
	text-decoration: none;
	font-family: Arial, Sans-Serif;
}
#yoxview #yoxview_menuPanel a span{ color: White; display: block; margin-bottom: 3px;  }
#yoxview #yoxview_menuPanel a.last{ margin-left: 0; }
#yoxview #yoxview_menuPanel a:focus{ outline: none; }
#yoxview_infoPanel
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	color: White;
	z-index: 2;
	overflow: hidden;
}
#yoxview_infoPanel #yoxview_infoPanelBack
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
}
#yoxview_infoPanel #yoxview_infoPanelContent
{
	position: absolute;
	width: 100%;
	z-index: 2;
	top: 0;
	left: 0;
}
#yoxview_infoPanel span#yoxview_count
{
	display: block;
	width: 55px;
	font-size: 0.8em;
	float: left;
	text-align: center;
	padding-top: 8px;
	color: #bbb;
}
#yoxview_infoPanel #yoxview_infoText
{
	margin: 0 55px;
	font-size: 12pt;
	padding: 5px 0;
}
#yoxview_infoPanel #yoxview_infoText #yoxview_infoTextDescription
{
	margin-top: 1em;
	font-size: 10pt;
	padding-bottom: 0.5em;
	max-height: 200px;
	overflow: auto;
	padding-right: 10px;
}
#yoxview_infoPanel #yoxview_infoText a, #yoxview .yoxview_error a{ color: #a7d557; text-decoration: none; outline: none; }
#yoxview_infoPanel #yoxview_infoText a:hover, #yoxview .yoxview_error a:hover{ color: #d5eeaa }
#yoxview_infoPanel a.yoxviewInfoLink
{
	display: none;
	opacity: 0.8;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}
#yoxview_infoPanel a.yoxviewInfoLink:hover{ opacity: 1 }
#yoxview #yoxview_helpPanel
{
	display: none;
	width: 201px;
	height: 312px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -171px;
	margin-left: -111px;
	z-index: 5;
	color: White;
	padding: 20px;
	padding-top: 10px;
	cursor: pointer;
}
#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
#yoxview #yoxview_helpPanel p{ margin-top: 80px; }
#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
#yoxview .yoxview_error
{
	display: block;
	text-align: center;
	color: White;
	font-family: Arial, Sans-Serif;
	font-size: 14pt;
	top: 41%;
	width: 100%;
	height: 20%;
	position: absolute;
	padding: 10px;
}
#yoxview .yoxview_error .errorUrl{ font-size: 10pt; }
#yoxview .yoxview_top{ top: 0; width: 50%; }
#yoxview .yoxview_element{ width: 100%; height: 100%; position: absolute;  border: none; background: #333; }

.yoxview-thumbnails a
{
	float: left;
	margin: 4px;
	/* For thumbnails opacity: */
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.yoxview-thumbnails a:hover
{
	/* For thumbnails opacity: */
	opacity: 1;
	filter: alpha(opacity=100);
}
.yoxview-thumbnails a img
{ 
	/* Set white borders around the thumbnails, instead of the browser's default Blue: */
	border: solid 1px #ffffff;
}
.yoxview-thumbnails-details{ margin-bottom: 1em; }
.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}